﻿/*----------------------------------------公共样式---------------------------------------------*/
html,body {
	width:100%;
	height:100%;
	overflow: hidden;
	background:transparent url(img/bg.gif) repeat;
}
body {
	font-size:12px;
	margin:0;
	padding:0;
	color:#333;
}
textarea,select {
	font-size:12px;
	border:1px solid #666;
}
/*下面的两组结合实现IE6及以下版本定义单行文本框和密码框的样式*/
input {
	ie-6:expression((!this.seted)&&(this.seted=true)&&(this.type=="text"||this.type=="password")&&(this.className="textbox "+this.className));
}
input.textbox {
	font-size:12px;
	border:1px solid #666;
}
/*支持CSS2.0的浏览器定义单行文本框和密码框的样式*/
input[type="text"],input[type="password"] {
	font-size:12px;
	border:1px solid #666;
}
a {
	color:#000;
	text-decoration:none;
}
a:hover	{
	text-decoration:underline;
}
img {
	border-width:0;
}
font {
	line-height:150%;
}
legend {
	color:#06c;
}
/*pre标签和.pre类必须使用此段代码，否则会出现无法换行*/
pre,.pre {
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	display:block;
	word-wrap:break-word;
	word-break:normal;
}
/*引用内容的外层*/
div.quote
{
	border:1px solid #f3f3f3;
	border-left:#32CD32 3px solid;
	color:#333;
	margin:15px;
	padding:5px 5px 5px 10px;
}
/*代码高亮的外层容器*/
pre.code
{
	word-wrap:break-word;
	word-break:break-all;
	margin:10px 0px;
	border: 1px solid #eee;
	border-left: 50px solid #eee;
	background-color: #fff;
	font: 12px "Courier New", Courier, mono;
	color: #000;
	padding:0px;
}
/*代码高亮的行容器*/
pre.code div p
{
	display:list-item;
	list-style: decimal;
	margin:0px;
	padding:0px;
	line-height:15px;
}
/*代码高亮的行容器*/
pre.code>div>p
{
	height:15px;
}
fieldset {
	margin:5px 0px 0px;
	padding:0px;
}
/*验证码图片，包括留言和评论*/
img.crcimg {
	vertical-align:bottom;
	margin-left:3px;
}
/*无内容时的提示容器*/
p.syblog_empty {}
/*顶部工具条*/
div.syblog_topbar {
	position:absolute;
	left:-16px;
	width:100%;
	height:28px;
	overflow:hidden;
	line-height:28px;
	background:transparent url(img/topbar.gif);
	z-index:1;
}
/*顶部工具条的链接*/
div.syblog_topbar a {
	color:#00d;
}
/*顶部工具条的内容容器*/
div.syblog_topbar_content {
	padding:4px 10px 0 24px;
	line-height:18px;
}
/*顶部工具条的控制元件，即管理、登陆、注销按钮的容器*/
div.syblog_top_control {
	float:left;
}
/*顶部工具条的导航链接*/
div.syblog_top_link {
	float:right;
}
/*顶部导航链接的分割符*/
div.syblog_top_link span {
	margin:0 5px;
}
/*主框架的外层*/
div.syblog_body {
	position:relative;
	width:100%;
	height:100%;
	overflow:auto;
}
/*底部版权信息容器*/
div.syblog_copyright_frame {
	width:96%;
	margin-left:2%;
	text-align:center;
	clear:both;
	line-height:25px;
	border-top:2px dotted #666;
}
/*所有窗体的底部条，可以用来实现下边框的样式以及撑开主窗体*/
div.footer_bar {
	clear:both;
}
/*拖动窗口*/
div.syblog_window {
	position:absolute;
	border:1px solid #540;
	z-index:2;
	display:none;
}
/*拖动窗口的两测边框，与div.syblog_window配合实现左右边框*/
div.syblog_window_right_bar {
	position:absolute;
	top:0px;
	left:0px;
	background:#fff;
	z-index:1;
}
/*浮动窗口的关闭按纽*/
a.syblog_window_close_button {
	display:block;
	position:absolute;
	top:0px;
	left:auto;
	right:2px;
	width:42px;
	height:18px;
	background:transparent url(img/titlebarbg.gif) no-repeat 0px -18px;
	cursor:pointer;
}
/*浮动窗口的关闭按纽的鼠标移入样式*/
a.syblog_window_close_button:hover {
	background-position:0px -36px;
}
/*浮动窗口的标题*/
div.syblog_window_title {
	text-align:center;
	height:15px;
	padding-top:3px;
	color:#000;
	font-weight:bold;
	background:transparent url(img/titlebarbg.gif) repeat-x 0px -54px;
	border:1px solid #fff;
	border-bottom:2px solid #eee;
	cursor:move;
}
/*浮动窗口的主内容容器*/
div.syblog_window_body {
	overflow:auto;
}
/*浮动窗口的低部，和footer_bar的作用相同*/
div.syblog_window_footer {
	clear:both;
}
/*浮动窗口的透明阴影*/
div.syblog_window_shadow {
	position:absolute;
	background:#666;
	top:3px;
	left:3px;
	filter:alpha(opacity=20);
	opacity:0.2;
}
/*浮动窗口的透明阴影*/
div.syblog_window_shadow iframe {
	border:0px;
	position:absolute;
	width:100%;
	height:100%;
	z-index:-1;
	top:-4px;
	left:-4px
}
/*管理程序的加载提示内容容器容器*/
div.syblog_manager_loader_body {
	padding:65px 50px 0;
}
/*快速收藏窗口*/
div#syblog_collection_frame {
	width:350px;
	height:200px;
	z-index:995;
}
/*名片（管理程序的加载提示卡片）*/
div#syblog_bloger_card_frame,div#syblog_manager_loader {
	width:290px;
	height:160px;
	border:1px solid #999;
	cursor:default;
	z-index:996;
}
/*消息发送窗口*/
div#syblog_bloger_message_frame {
	width:320px;
	height:210px;
	z-index:997;
}
/*用户登录窗口*/
div#syblog_bloger_login_frame {
	width:320px;
	height:190px;
	z-index:998;
}
/*管理程序的加载提示卡片，这是zindex以确保能够在最上方显示*/
div#syblog_manager_loader {
	z-index:999;
}
div.syblog_collection_frame_right_bar {
	width:350px;
	height:200px;
}
/*名片（管理程序的加载提示卡片）的侧边框，与容器组合实现两侧边框*/
div.syblog_card_right_bar,div.syblog_manager_loader_right_bar {
	width:290px;
	height:160px;
}
/*消息发送窗口的侧边框，与容器组合实现两侧边框*/
div.syblog_message_right_bar {
	width:320px;
	height:210px;
}
/*登录窗口的侧边框，与容器组合实现两侧边框*/
div.syblog_login_right_bar {
	width:320px;
	height:190px;
}
/*名片*/
div#syblog_bloger_card {
	position:absolute;
}
/*快速收藏窗口的阴影*/
div.syblog_collection_frame_shadow {
	width:352px;
	height:202px;
}
/*名片（管理程序的加载提示卡片）的阴影*/
div.syblog_bloger_card_frame_shadow,div.syblog_manager_loader_shadow {
	width:292px;
	height:162px;
}
/*消息发送窗口的阴影*/
div.syblog_bloger_message_frame_shadow {
	width:322px;
	height:212px;
}
/*登录窗口的阴影*/
div.syblog_bloger_login_frame_shadow {
	width:322px;
	height:192px;
}
/*名片（管理程序的加载提示卡片）的关闭按钮*/
a.syblog_card_close_button,a.syblog_card_close_button:hover {
	right:0px;
	background-position:0px 0px;
}
/*名片的按钮以及博客名称的容器，分别在上下方*/
div#syblog_card_bloger_name, div#syblog_card_toolbar {
	clear:both;
	padding:6px 0px;
	width:270px;
	margin:0px 10px;
}
/*名片的按钮容器*/
div#syblog_card_toolbar {
	text-align:right;
	border-top:1px solid #ccc;
}
div#syblog_card_toolbar span {
	margin:3px;
}
div#syblog_card_toolbar a {
	cursor:pointer;
}
/*名片的博客名称容器*/
div#syblog_card_bloger_name {
	color:#666;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin:5px 10px;
	border-bottom:1px solid #ccc;
}
/*名片中的博客头像容器*/
div.syblog_card_bloger_photo {
	padding:7px 3px;
	width:80px;
	height:70px;
	float:left;
	text-align:center;
}
/*名片中的博客头像*/
img#syblog_card_bloger_photo {
	border:1px solid #eee;
	padding:1px;
	width:64px;
	height:64px;
}
/*名片中的最新日志容器*/
div#syblog_bloger_article {
	color:#999;
	text-align:left;
	height:90px;
	float:left;
}
/*名片中的最新日志列表*/
div#syblog_bloger_article ul {
	margin:5px 0px 5px 16px;
	padding:0px;
}
/*名片中的最新日志列表项*/
div#syblog_bloger_article ul div {
	display:block;
	width:180px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
/*名片中的最新日志链接*/
div#syblog_bloger_article ul a {
	color:#666;
}
/*消息发送表单*/
form#syblog_message_form {
	margin:0px;
	padding:10px 18px;
	text-align:left;
}
form#syblog_message_form textarea {
	width:280px;
	height:115px;
	margin-bottom:10px;
}
form#syblog_message_form input {
	position:absolute;
	width:60px;
	left:auto;
	right:18px;
}
/*登录表单*/
form#syblog_login_form {
	margin:0px;
	padding:0 18px;
}
/*登录表单的内容容器，用来精确控制位置*/
form#syblog_login_form div{
	margin:16px 8px;
	text-align:left;
	line-height:18px;
}
form#syblog_collection_form {
	margin:0px;
	padding:5px 5px;
	height:169px;
}
form#syblog_collection_form textarea {
	width:280px;
	vertical-align:middle;
}
div.syblog_collection_field {
	margin-bottom:2px;
}
div.syblog_collection_button {
	padding:2px 10px 0;
	text-align:right;
}
form#syblog_login_form a {
	color:#2175bc;
}
/*登录表单的提示*/
form#syblog_login_form div.syblog_login_pop {
	color:#aaa;
	border-bottom:1px solid #ddd;
	margin:16px 0px
}
/*登录按钮的容器*/
form#syblog_login_form div.syblog_login_button {
	text-align:right;
	border-top:1px solid #ddd;
	line-height:12px;
	padding-top: 10px;
	margin:0px
}
/*登录按钮*/
form#syblog_login_form div.syblog_login_button span input {
	vertical-align:text-bottom;
	border:0px;
	margin:0;
}
form#syblog_login_form input{
	margin:0 5px;
}
/*---------------------------------主题样式（参考）-------------------------------------*/
/*主题框架*/
div.syblog_outer_frame {
	background:#fff url(img/left.jpg) repeat-y left;
	width:960px;
	margin-top:28px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
/*主题框架的侧边框，与主题框架结合实现两侧边框*/
div.syblog_outer_right_bar {
	background:transparent url(img/right.jpg) repeat-y right;
}
/*主题框架的低部*/
div.syblog_outer_footer_bar {
	background:transparent url(img/bottom.jpg) no-repeat;
	height:21px;
}
/*主题框架的顶部容器*/
div.syblog_top_frame {
	background:transparent url(img/title.jpg) no-repeat;
	width:960px;
	height:133px;
	overflow:hidden;
}
/*主题框架的顶部内容*/
div.syblog_top_content {
	padding-top: 25px;
	color:#FFF;
}
/*主标题*/
div.syblog_sitetitle {
	margin-left:40px;
}
div.syblog_sitetitle a {
	color:#FFF;
	margin-right:12px;
}
div.syblog_sitetitle b {
	font-size:18px;
	font-weight:bold;
}
/*副标题*/
div.syblog_subtitle {
	font-size:14px;
	margin-top:10px;
	margin-left:60px;
}
/*主题框架的中间内容容器*/
div.syblog_middle_frame {
	padding:0;
	margin:0;
}
/*---------------------------------公共模块样式（参考）-------------------------------------*/
/*模块中列表的整体定义*/
dl.syblog_module dd ul {
	padding:5px;
	margin:0;
}
/*模块中列表元素的整体定义*/
dl.syblog_module dd ul li {
	padding:5px 0px;
	margin-left:16px;
	list-style-position:outside;
	color:#999;
	border-bottom:1px dotted #999;
}
/*模块中列表元素的图片（名片图标）*/
dl.syblog_module dd ul li img {
	cursor:pointer;
	margin-top:-3px;
	margin-right:5px;
	vertical-align:middle;
}
/*模块中列表元素的内容容器和链接（评论，留言）*/
dl.syblog_module dd ul li div,dl.syblog_module dd ul li div a,dl.syblog_module_firend dd ul li a {
	color:#000;
}
/*模块中列表元素的链接鼠标进入样式*/
dl.syblog_module dd ul li a:hover,a.syblog_comment_link:hover {
	text-decoration:underline;
}
/*个人信息*/
div.syblog_bloger_channel {
	text-align:center;
	margin-bottom:10px;
	border:1px solid #999;
}
/*形象照片容器*/
div.syblog_bloger_photo {
	padding:6px;
	border-bottom:1px solid #999;
}
/*形象照片*/
div.syblog_bloger_photo img {
	width: 200px;
}
/*名称*/
div.syblog_bloger_name {
	padding:10px 0px;
}
/*名片图标*/
div.syblog_bloger_name img {
	cursor:pointer;
	margin-top:-3px;
	margin-right:5px;
	vertical-align:middle;
}
/*最新评论的链接样式*/
a.syblog_comment_link {	
	color:#999;
	display:block;
}
/*-------------------------------独立样式----------------------------------*/
/*左侧拦目*/
div.syblog_middle_left {
	display:inline;
	width:220px;
	padding:0;
	margin:0px 0px 0px 20px;
	float:left;
}
/*左侧栏目模块*/
div.syblog_middle_left dl {
	width:220px;
	margin:0 0 10px;
	text-align:left;
	background:transparent url(img/dlbg.jpg) repeat-y;
}
div.syblog_middle_left dl dd.syblog_list_footer{
	clear:both;
	width:220px;
	height:7px;
	margin:0px;
	overflow:hidden;
	background:transparent url(img/dlBottom.jpg) no-repeat;
}
div.syblog_middle_left dl dt {
	position:relative;
	width:220px;
	background:transparent url(img/dtBg.jpg) no-repeat;
	line-height:29px;
	text-align:center;
	font-weight:bold;
	padding:0;
	cursor:default;
}
div.syblog_middle_left dl dd.syblog_list_item {
	width:214px;
	margin-left:3px;
	line-height:130%;
}
div.syblog_middle_left dl dd a {
	padding-right:3px;
}
dl.syblog_module_custom dt a {
    display:block;
    position:absolute;
    float:right;
    width:16px;
    height:16px;
    top:6px;
    right:3px;
    background:transparent url(img/copy.gif) no-repeat left top;
}
div.syblog_module_custom_container {
	display:block;
	padding:2px 0px;
	width:214px;
	overflow-x:hidden;
}

div.syblog_middle_left dl.show_list dd {
	display:block;
}
div.syblog_middle_left dl.hide_list dd {
	display:none;
}
dl.syblog_module_leave_board form {
	margin:0px;
	padding: 2px 10px;
}
dl.syblog_module_leave_board form div {
	width:190px;
	margin:0px;
	padding: 4px 0;
}
dl.syblog_module_leave_board input.sign {
	width:150px;
}
dl.syblog_module_leave_board input.crcode {
	width:70px;
}
dl.syblog_module_leave_board form textarea {
	width:150px;
	height:80px;
	vertical-align:middle;
}
dl.syblog_module_leave_board img {
	width:63px;
	height:22px;
}
div.syblog_module_leave_board_btn {
	text-align:right;
}
div.syblog_module_leave_board_btn input {
	background:transparent;
	cursor:pointer;
}
dl.syblog_module_sort dd ul {
	list-style:none;
	margin-left:0;
	padding:5px;
}
dl.syblog_module_sort dd ul li a {
	display:block;
	width:180px;
	margin:1px;
	cursor:pointer;
	padding:3px;
	padding-left:5px;
	border-left:7px solid #777;
	border-right:7px solid #ddd ;
	border-bottom:#aaa solid 1px;
	text-decoration:none;
}
dl.syblog_module_sort dd ul li a:hover {
	border-left-color:#777;
	border-right-color:#777;
	background-color:#eee;
	text-decoration:none;
}
dl.syblog_module_sort dd ul li a.current {
	color:#2175bc;
	font-weight:bold;
	border-left-color:#777;
	border-right-color:#f90;
	text-align:right;
}
dl.syblog_module_sort dd ul li a.current:hover {
	border-right-color:#f90;
}
div#syblog_calendar_control {
	padding:5px 5px 2px;
	height: 20px;
	clear:both;
}
div#syblog_calendar_control a {
	cursor:pointer;
	display:block;
	float:left;
	width:16px;
	height:16px;
	overflow:hidden;
	margin:0px 2px;
	background:transparent url(../../img/arrows.gif) no-repeat;
}
div#syblog_calendar_control a.link {
	cursor:default;
	text-decoration:none;
	background:transparent;
	text-align:center;
	width:106px;
	height:18px;
	margin:0;
}
div#syblog_calendar_control a.previousyear {
	background-position:0px 0px;
}
div#syblog_calendar_control a.previousmonth {
	background-position:-15px 0px;
}
div#syblog_calendar_control a.nextmonth {
	background-position:-31px 0px;
}
div#syblog_calendar_control a.nextyear {
	background-position:-47px 0px;
}
div#syblog_calendar_week_box {
	padding:0;
	clear:both;
	margin-left:5px;
	width:203px;
	height: 24px;
	background-color:#eee;
	border-bottom:1px solid #000;
}
div#syblog_calendar_day_box {
	clear:both;
	margin-left:5px;
	width:203px;
	color:#999;
}
div#syblog_calendar_day_box a {
	margin-left:3px;
	color:#00f;
	text-decoration:underline;
}
div#syblog_calendar_week_box div,div#syblog_calendar_day_box div {
	display:block;
	float:left;
	width:29px;
	text-align:center;
	margin:0px;
	padding:5px 0px 3px;
}
div#syblog_calendar_day_box div.today {
	color:#f00;
}
dl.syblog_module_album dd.syblog_list_item {
	padding-top: 3px;
}
div.syblog_album_class_lst div {
	float:right;
	text-align:right;
}
a#syblog_album_class_lst {
	display:block;
	float:left;
	padding:1px 15px 1px 1px;
	text-decoration:none;
	background:transparent url(img/dlarrows.gif) no-repeat right 1px;
}
a#syblog_album_class_lst:hover {
	background-position:right -15px;
}
a#syblog_album_class_lst p {
	padding:0px 2px;
	margin:0px;
	background-color:#eee;
}
a#syblog_album_class_lst ul {
	position:absolute;
	margin:1px 0px;
	padding:0px;
	background-color:#fff;
	border:1px solid #bbb;
}
a#syblog_album_class_lst.hide_list ul {
	display:none;
}
a#syblog_album_class_lst ul li {
	cursor:pointer;
	width:136px;
	padding:2px;
	margin:0px;
	list-style-type:circle;
	list-style-position:inside;
}
a#syblog_album_class_lst ul li.current {
	background-color:#efefef;
}
div.syblog_slide_container {
	text-align:center;
}
img#syblog_slide_container {
	width:214px;
	height:158px;
}
div#syblog_slide_control_container,div.syblog_album_class_lst {
	clear:both;
	padding: 5px;
	height:20px;
	background:#eee;
}
div#syblog_slide_control_container a {
	display:block;
	float:left;
	width:26px;
	height:19px;
	cursor:pointer;
	background:transparent no-repeat center;
}
dl.syblog_module_firend dd ul li,dl.syblog_module_visitor dd ul li {
	list-style:none;
	margin:0px;
	padding:5px 0px;
}
dl.syblog_module_firend div {
	height:22px;
}
dl.syblog_module_firend div div {
	float:left;
	padding:3px 0px 0px 5px;
}
dl.syblog_module_visitor div div {
	float:left;
	padding:6px 0px 3px 5px;
}
dl.syblog_module_firend img,dl.syblog_module_visitor img {
	cursor:pointer;
	width:24px;
	height:24px;
	overflow:hidden;
}
dl.syblog_module_firend div {
	height:22px;
}
dl.syblog_module_firend span {
	line-height:24px;
}
dl.syblog_module_visitor span span {
	display:block;
	color:#999;
}
div#syblog_slide_control_container a.play {
	background-image:url(../../img/button_play.gif);
}
div#syblog_slide_control_container a.pause {
	background-image:url(../../img/button_pause.gif);
}
div#syblog_slide_control_container a.back {
	background-image:url(../../img/button_back.gif);
}
div#syblog_slide_control_container a.foward {
	background-image:url(../../img/button_foward.gif);
}
div#syblog_slide_control_container a.full {
	float:right;
	background-image:url(../../img/button_full.gif);
}
div#syblog_slide_control_container span {
	display:block;
	float:left;
	text-align:center;
	width: 60px;
}
div.syblog_rss_link_container {
	padding: 10px 0px;
	text-align:center;
}
div.syblog_rss_link_container a {
	margin:6px 3px;
}
div.syblog_middle_center {
	float:left;
	width:685px;
	margin-left:12px;
}
div.syblog_menu_search {
	height:28px;
	margin-bottom:8px;
	border-bottom:2px dotted #888;
}
a#syblog_login_button {
	margin-left:15px;
}
a#syblog_logout_button {
	display:none;
	margin-left:15px;
}
div.syblog_menu_frame {
	padding:4px 0;
	float:left;
}
div.syblog_menu_content {
	text-align:left;
}
div.syblog_menu_content span {
	padding:4px 10px 0px 0px;
}
div.syblog_menu_content span.syblog_tag_button {
	background:transparent url(img/tag.gif) no-repeat;
}
div.syblog_menu_content span.syblog_album_button {
	background:transparent url(img/album.gif) no-repeat;
}
div.syblog_menu_content span.syblog_leave_button {
	background:transparent url(img/leave.gif) no-repeat;
}
div.syblog_menu_content span.syblog_friend_button {
	background:transparent url(img/friend.gif) no-repeat;
}
div.syblog_menu_content a {
	padding:0px 0px 0px 25px;
}
div.syblog_search_form {
	width:300px;
	float:right;
	padding:0px;
}
form#syblog_search_form {
	margin:0;
	padding:0;
}
div.syblog_search_bar_container {
	margin:0px;
	padding:0;
	height:23px;
	border-style:none;
	border:0px;
	background:transparent url(img/searchbox.gif) repeat-x;
}
div.syblog_search_bar_right_bar {
	height:23px;
	padding:0 0 0 50px;
	background:transparent url(img/searchbox.gif) no-repeat 0px -23px;
	overflow:hidden;
}
div.syblog_search_bar_container input {
	margin-top:2px;
	padding-top:2px;
	float:left;
	border-style:none;
	width:220px;
	height:16px;
}
div.syblog_search_bar_container a {
	float:right;
	width:26px;
	height:23px;
	background:transparent url(img/searchbox.gif) no-repeat 0px -46px;
}
div.syblog_search_bar_container a:hover {
	background-position:-26px -46px;
}
div.syblog_search_bar_container a input {
	background:transparent;
	margin:0;
	border:0;
	width:26px;
	height:23px;
}
div.syblog_search_stat a, div.syblog_search_topic a, div.syblog_pager_content a {
	color:#00d;
}
span.syblog_search_tag  {
	color:#999;
}
label.syblog_search_tag a {
	color:#00b;
	margin:0 10px 0 0;
}
div.syblog_search_stat a:visited, div.syblog_search_topic a:visited, div.syblog_pager_content a:visited {
	color:#909;
}
span.keyword {
	color:#d00;
}
div.syblog_search_stat_content {
	text-align:right;
	padding:6px;
	border-bottom:1px solid #eee;
}
div.syblog_search_topic {
	padding: 3px 0px 25px;
	line-height:20px;
	width:685px;
	word-wrap: break-word;
	overflow:hidden;
}
div.syblog_search_topic p {
	padding:0px;
	margin:0;
	color:#090;
}
div.syblog_search_topic a {
	font-size:14px;
	padding:0;
}
div.syblog_pager {
	margin-top:5px;
}
div.syblog_pager_content {
	border-top:1px solid #eee;
	padding:4px 0px 0px;
	font-size:14px;
}
div.syblog_pager_content span {
	margin:0px 3px;
}
div.syblog_pager_content a {
	margin:0 3px;
}
div.syblog_album_box {
	float:left;
	margin:5px 1px;
	width:225px;
	height:280px;
	background:transparent url(img/albumbox.gif);
	cursor:pointer;
}
div.syblog_album_box div.syblog_album_title {
	padding:20px 0px 0px 35px;
	width:180px;
	height:36px;
	overflow:hidden;
	font-size:16px;
	font-weight:bold;
}
div.syblog_album_box div.syblog_album_img {
	padding:10px 0px 0px 35px;
	width:180px;
	height:165px;
	overflow:hidden;
}
div.syblog_album_box div.syblog_album_count {
	padding:10px 0px 0px 35px;
	width:180px;
	height:20px;
	text-align:center;
}
div#syblog_album_title {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	width:100%;
}
div.syblog_album_title span {
	font-size:14px;
	font-weight:bold;
}
div.syblog_album_title a {
	font-size:14px;
	color:#00f;
}
div.syblog_album_title div {
	float:right;
}
div#syblog_album_viewer {
	display:none;
}
div.syblog_album_film {
	width:100%;
	height:150px;
	background:transparent url(img/film.gif) repeat-x;
}
div.syblog_album_film div {
	float:left;
	margin-top:20px;
}
div.syblog_album_film img {
	border:0px;
}
div.syblog_album_film_arrow {
	padding-top:45px;
}
div.syblog_album_film_arrow a {
	display:block;
	width:25px;
	height:18px;
	cursor:pointer;
}
a.syblog_album_film_barrow {
	background:transparent url(img/fb.gif) no-repeat;
}
a.syblog_album_film_farrow {
	background:transparent url(img/ff.gif) no-repeat;
}
div#syblog_album_film_content {
	width:635px;
	overflow:hidden;
}
div#syblog_album_film_content td {
	background-color:#fff;
}
div#syblog_album_film_content img {
	width:133px;
	height:100px;
	filter:alpha(opacity=30);
	opacity:0.3;
}
div#syblog_album_film_content td.selected img,div#syblog_album_film_content a:hover img {
	filter:alpha(opacity=null);
	opacity:1;
}
div.syblog_album_photo {
	display:block;
	width:685px;
	padding:10px 0px;
	overflow-x:hidden;
	text-align:center;
}
div#syblog_album_photo {
	text-align:center;
}
div#syblog_album_photo img {
	ie-6:expression(this.width>670&&(this.width=670));
	max-width:670px;
	height:auto;
	border:1px #ddd solid;
	padding:6px;
}
div#syblog_album_photo_title {
	margin-top:5px;
	text-align:center;
	clear:both;
}
div.sycode_sort_list_item {
	margin:5px 0px 10px;
	border:1px solid #999;
}
div.sycode_sort_list_item_title {
	width:677px;
	padding:5px 3px;
	cursor:pointer;
	background:#e9e9e9 url(img/arrows.gif) no-repeat;
	background-position:right -12px;
}
div.hide_list div.sycode_sort_list_item_title{
	background-position:right 9px;
}
div.hide_list div.sycode_sort_list_item_body {
	display:none;
}
div.sycode_sort_list_item_title div {
	width:660px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:bold;
}
div.sycode_sort_list_item_title a {
	color:#2175bc;
}
div.sycode_sort_list_item_title span {
	color:#f00;
	margin-right:8px;
}
div.sycode_sort_list_item_body {
	width:680px;
}
div.sycode_sort_list_item_body pre {
	padding:0px 6px;
}
div.sycode_sort_list_item_stat {
	height:15px;
	padding:3px 0px;
	overflow:hidden;
	background-color:#f6f6f6;
}
div.sycode_sort_list_item_stat div {
	float:right;
	margin:0px 6px;
}
div.sycode_sort_list_item_body img {
	ie-6:expression(this.width>670&&(this.width=670));
	max-width:670px;
	height:auto;
}
div.sycode_sort_list_item_stat a {
	margin:0px 2px;
}
div#sycode_topic_title {
	font-size:14px;
	font-weight:bold;
	padding:6px 0px;
	text-align:center;
}
div.sycode_topic_tags {
	padding:8px 4px;
}
div.sycode_topic_tags a {
	margin:0px 6px;
	color:#00f;
}
div.sycode_topic_tags span {
	font-weight:bold;
	color:#999;
}
div#sycode_topic_body {
	width:644px;
	padding:5px 20px 15px;
	overflow-x:hidden;
	overflow-x:hidden;
}
div#sycode_topic_body img {
	ie-6:expression(this.width>644&&(this.width=644));
	max-width:644px;
	height:auto;
}
div#sycode_topic_body a {
	color:#00f;
}
div.sycode_topic_control div.sycode_topic_toptip {	
	display:block;
	height:22px;
}
div.sycode_topic_control div.sycode_topic_toptip div {
	height:16px;
	float:right;
	padding:3px 5px 2px;
	color:#999;
	border-bottom:1px solid #ddd;
}
div.sycode_topic_control div.sycode_topic_toptip a {
	color:#06c;
}
div.sycode_topic_control div.sycode_topic_toptip div.curren {
	font-weight:bold;
	border:1px solid #ddd;
	padding:2px 5px 2px;
	border-bottom:1px #fff solid;
}
div.sycode_topic_control div.sycode_topic_toptip div.static {
	float:none;
}
div.sycode_topic_navigation {
	margin:10px 0px;
	border:1px dotted #ddd;
}
div.sycode_topic_navigation div {
	width:670px;
	padding:6px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
div.sycode_topic_navigation a {
	color:#06c;
	font-weight:bold;
}
div.sycode_topic_trackback_url {
	padding-bottom:10px;
}
p.sycode_topic_comment_title {
	font-size:16px;
	font-weight:bold;
	color:#036;
}
div.sycode_topic_trackback_url span {
	display:block;
	text-indent:24px;
	color:#666;
}
form#sycode_topic_comment_form div {
	padding:5px 0px;
	overflow:visible;
}
form#sycode_topic_comment_form {
	padding:15px 70px 5px;
	border-top:1px solid #ddd;
}
form#sycode_topic_comment_form input.crcode {
	width:50px;
}
form#sycode_topic_comment_form textarea {
	width:540px;
	height:150px;
}
div.syblog_topic_comment {
	clear:both;
	padding:0px 5px 15px;
}
div.syblog_topic_comment_right_bar {
	border:1px dotted #ddd;
}
div.syblog_topic_comment_bloger {
	width:120px;
	padding:10px;
	float:left;
	text-align:center;
}
div.syblog_topic_comment_bloger span img {
	margin:3px;
	vertical-align:text-bottom;
	cursor:pointer;
}
div.syblog_topic_comment_bloger div {
	padding:10px;
}
div.syblog_topic_comment_bloger div img {
	padding:3px;
	width:64px;
	height:64px;
	border:1px solid #eee;
}
div.syblog_topic_comment_body {
	float:left;
	width:532px;
	border-left:1px dotted #ddd;
}
div.syblog_topic_comment_body div {
	border-bottom:1px dotted #ddd;
	padding:4px;
	text-align:right;
	color:#ccc;
}
div.syblog_topic_comment_body span {
	color: #666;
	text-decoration: line-through;	
}
div.syblog_topic_comment_body pre {
	margin:0px;
	padding:10px;
	height:90px;
	overflow:visible;
}
div.syblog_topic_comment_body pre a {
	color:#00f;
}
div.syblog_topic_comment_body pre blockquote {
	border:1px solid #e3e3e3;
	background-color:#f3f3f3;
	margin:5px;
	padding:5px;
}
div.syblog_topic_comment_body>pre {
	height:auto;
	min-height:90px;
}
div.syblog_topic_trackback_content {
	padding-top:10px;
}
div.syblog_topic_trackback_content fieldset {
	padding:10px;
}
div.syblog_topic_trackback_content a {
	display:block;
	margin-top:10px;
	color:#00f;
	font-size:14px;
}
div.syblog_topic_trackback_content pre {
	margin:5px;
	color:#666;
}
div.syblog_topic_trackback_content p {
	padding:0px;
	margin:0px;
	text-align:right;
}
div.syblog_topic_trackback_content span {
	color:#666;
	padding:0px 5px;
}
div.syblog_topic_comment_pager {
	text-align:right;
}
div.syblog_userinfo {
	line-height:1.5em;
}
div.syblog_userinfo p {
	margin:0px;
	padding:3px 0 5px 0;
	clear:both;
}
div.syblog_userinfo_field {
	padding:2px;
	font-size:14px;
	font-weight:bold;
	clear:both;
	border-bottom:1px dotted #ccc;
}
div.syblog_userinfo_fieldname {
	width:120px;
	text-align:right;
	float:left;
}
div.syblog_userinfo_fieldvalue {
	width:560px;
	float:left;
}
div.sycode_tags_list {
	line-height:1.5em;
}
div.syblog_collection_list {
	padding:10px;
	font-size:14px;
	text-align:center;
}
ol.syblog_collection_list li {
	border-bottom:1px dotted #999;
}
ol.syblog_collection_list div {
	text-indent:2em;
	color:#666;
}
div.syblog_leave_item {
	border:1px dotted #ddd;
	margin-bottom:10px;
}
div.syblog_leave_title {
	padding:5px;
	background-color:#e9e9e9;
}
div.syblog_leave_title img {
	cursor:pointer;
	margin:-3px 3px 0;
	vertical-align:middle;
}
div.syblog_leave_time {
	float:right;
}
pre.syblog_leave_body {
	margin:0px;
	padding:10px;
}
div.syblog_friend_item {
	padding:15px;
	float:left;
	width:100px;
	height:100px;
	text-align:center;
}
div.syblog_friend_head {
	width:80px;
	height:80px;
}
div.syblog_friend_head img {
	border:1px solid #666;
	padding:2px;
	width:64px;
	height:64px;
}
/*---------------------------管理菜单---------------------------------*/
/*管理程序的容器*/
div#syblog_manager_frame {
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
div.manager_container,div.manager_control {
	position:absolute;
	text-align:left;
	left:0px;
	top:28px;
}
div.manager_control {
	width:210px;
	height:40px;
	background:transparent url(img/menu_head.gif) no-repeat 0px 0px;
}
div.manager_control_close {
	position:absolute;
	width:25px;
	height:25px;
	top:5px;
	left:177px;
}
div.manager_control_close a {
	display:block;
	width:25px;
	height:25px;
	background:transparent url(img/menu_head_close.gif) no-repeat 0px 0px;
}
div.manager_control_close a:hover {
	background-position:bottom;
}
div.manager_menu {
	position:absolute;
	width:150px;
	border:2px solid #AD9156;
	background-color:#CEBE97;
	padding:3px;
	left:8px;
	top:26px;
}
div.manager_menu dl {
	width:150px;
	margin:0;
	text-align:left;
	list-style:none;
}
div.manager_menu dl dt {
	width:150px;
	background:transparent url(img/mnrdtbg.gif) no-repeat;
	line-height:26px;
	text-align:center;
	font-weight:bold;
	padding:0;
	color:#fff;
	cursor:default;
}
div.manager_menu dl dt span {
	display:block;
	background:transparent url(img/arrows1.gif) no-repeat 130px -25px;
}
div.manager_menu dl dd  {
	clear:both;
	margin:0px;
	width:150px;
	margin:0px;
}
div.manager_menu dl dd.syblog_group_footer{
	height:10px;
	overflow:hidden;
}
div.manager_menu dl dd ul {
	width:138px;
	border:1px solid #937F3B;
	background-color:#B49D68;
	padding:3px;
	margin:0px 2px;
}
div.manager_menu dl dd ul li {
	list-style:none;
	padding-left:16px;
	background:transparent url(img/liststyle.gif) no-repeat 0px 5px;
	line-height:22px;
}
div.manager_menu dl.show_list dd {
	display:block;
}
div.manager_menu dl.hide_list dd {
	display:none;
}
div.manager_menu dl.hide_list dt span {
	background-position:130px 0px;
}